<!DOCTYPE html>
<html>
<head>
<title>ID Card</title>
<link rel="stylesheet" href="card.css">
</head>
<body background="parul.jpg" style="background-repeat: no-repeat;background-size: 100% 80% 30% 100%;">
<div class="container">
<div class="main">
<div class="color">
<div style=" background-color:#00008B;height:361px;width:13%;float:left;
border-radius: 20px 0px 0px 20px;"></div>
<div style="background-color:#1c86ee;height:361px;width:4%;float:left;"></div>
<div style="background-color:#ee3b3b;height:361px;width:4%;float:left;"></div>
<div style="background-color:#d2691e;height:361px;width:4%;float:left;"></div>
<div style="background-color:#ffd700;height:361px;width:2%;float:left;"></div>
<div class="head"><h1>PARUL UNIVERSITY</h1>
<img class="image" src="deepak.jpeg" width="130" height="170">
<p class="p1">P.O. Limda, Tal. Waghodia-391760 Dist. Vadodara, Gujarat(India)
Ph.:02668-260300/307,Website: www.paruluniversity.ac.in</p>
<p class="p2">FACULTY OF ENGG. & TECH.</p>
<p class="p3">MOHANTY DEEPAK</p>
<table style="padding-left:50px;margin:0px;">
<tr><td><b>Enrollment No.:</b></td><td><b>200303126143</b></td></tr>
<tr><td><b>Institute:</b></td><td><b>PIET</b></td></tr>
<tr><td><b>Department:</b></td><td><b>CSE-CYB</b></td></tr>
<tr><td><b>Contact No.:</b></td><td><b>78xxxxxx84/78xxxxxx84</b></td></tr>
</table>
<img src="bar.jpeg" align="center" height="2px" width="50px" class="barcode-pic"/>
<table style="margin:0; width: 300px;">
<td style="padding:0 10px;"><img src="v.jpg"width="50px"height="40px"><br>
<h6 style="margin:0;"><b>Principal</b></h6></td>
<td style="padding:0 15px; text-align: center;"><img src="pu.jpg"width="80px"height="60px"></td>
<td style="padding:0 10px;"><img src="D.jpg"width="50px"height="40px"><br>
<h6 style="margin:0;"><b>Student Sign</b></h6></td>
</table>
</div>
</div>
</div>
</div>
</body>
</html>